<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="img/heard.ico">
  <title>闪电配音 - 专业极速配音服务</title>
  <link rel="stylesheet" type="text/css" href="css/public.css?v=optimize20180613" />
  <link rel="stylesheet" type="text/css" href="css/popup.css?v=optimize20180613" />
  <link rel="stylesheet" type="text/css" href="css/index.css?v=optimize20180613" />
  <link rel="stylesheet" href="css/charge.css?v=optimize20180613" />
</head>

<body>
  <div class="transition"></div>
  <div class='headtip' style="top: -50px;">错误</div>
  <div class='headtip2' style="top: -50px;">错误</div>
  <div id="header_wrap">
    <div id="header" class="clearfix">
      <div class="headerLeft left point">
        <a href="index.html">
          <img src="img/topLogo (1).png" />
          <img src="img/topLogo (2).png" />
        </a>
      </div>
      <div class="headerRight right">
        <a href="javascript:;" class="header_item relative clickServer">
          <img src="img/headerRight (1).png" class="haveText" />
          <span class="search_text">客服</span>
          <div class="boxShow server">
            <h4>扫一扫添加微信客服</h4>
            <img src="img/serverImg.png" alt="" />
            <div class="phoneServer btn">
              <img src="img/server (1).png" alt="" />
              <span>电话客服</span>
            </div>
            <div class="QQServer btn" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=574823458&site=qq&menu=yes','_blank');">
              <img src="img/server (2).png" alt="" />
              <span>QQ客服</span>
            </div>
          </div>
        </a>
        <div class="info_logo header_item">
          <img src="img/headerRight (2).png" />
        </div>
        <div class="user_img header_item relative">
          <div class="img-container">
            <img src="img/headerRight (3).png" />
          </div>
          <div class="boxShow mine">
            <ul>
              <li class="font1">
                <span class="font">加载中</span>
              </li>
              <li class="line"></li>
              <li class="font2">
                <span class="font">基础版</span>
                <span class="font font3">升级</span>
              </li>
              <li class="font1 mineEmail">
                <span class="font">150927842@qq.com</span>
              </li>
              <li class="line"></li>
              <li class="hover point font5">
                <a href="setting.html">
                  <span class="font">账号设置</span>
                </a>
              </li>
              <li class="line"></li>
               <li class="hover point font5">
                <span class="font">意见反馈</span>
              </li>
              <li class="hover point font5">
                <span class="font">分享音频</span>
              </li>
              <li class="hover point font5">
                <span class="font">推荐主播</span>
              </li>
              <li class="hover point font5">
                <span class="font">使用帮助</span>
              </li>
              <li class="line"></li>
              <li class="hover point font5" id="logout">
                <span class="font">退出登录</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="content_wrap">
    <div class="inner">
      <div id="content" class="clearfix">
        <div class="contentLeft left">
           <div class="black_div" style="background-color: #41464b;color: #fff;">
                    <span>开始</span>
                    <div class="begin" style="width: 120px; height: 150px; left: -15px;">
                      <a class="mydiv" id="myemail" href="#">
                        <img src="img/icon-link.png" alt="">
                        <span>填入网址</span>
                      </a>
                      <a class="mydiv" id="myfile" href="#">
                        <img src="img/icon-upload.png" alt="">
                        <span>上传文档</span>
                      </a>
                      <div class="myline"></div>
                      <a class="mydiv gotourl" id="inputText" href="./speeDdubbing.html">
                        <img src="img/icon-book.png" alt="">
                        <span>输入文字</span>
                      </a>
                    </div>
                  </div>
            <ul class="left_list" style="margin-top: 50px;">
            <li>
              <a href="index.html" class="voice" data-type="1">
                <div>
                  <!-- <img src="img/icon-voice2.png"/> -->
                </div>
                <span>配音服务</span>
              </a>
            </li>
            <li>
              <a href="order.html" class="order">
                <div>
                  <!-- <img src="img/icon-text2.png"/> -->
                </div>
                <span>我的订单</span>
              </a>
            </li>
            <li>
              <a href="./achor.html" class="search">
                <div>
                  <!-- <img src="img/icon-search2.png"/> -->
                </div>
                <span>发现主播</span>
              </a>
            </li>
            <li class="setLike">
              <a href="index.html?type=2" class="setting" data-type="2">
                <div>
                  <!-- <img src="img/icon-setting2.png"/> -->
                </div>
                <span>设置偏好</span>
              </a>
            </li>
          </ul>
          <div class="left_nav_title">签约客户</div>
          <ul class="left_list">
            <li>
              <a href="javascript:;" class="mark">
                <div>
                  <!-- <img src="img/icon-mark2.png"/> -->
                </div>
                <span>收藏主播</span>
              </a>
            </li>
            <li>
              <a href="recharge.html" class="money active">
                <div>
                  <!-- <img src="img/icon-money2.png"/> -->
                </div>
                <span>充值套餐</span>
              </a>
            </li>
          </ul>
          <!-- <div id="isShow">
							<span class="signed">签约客户</span>
							<div class="clearfix isShowSon point">
									<img src="img/little_logo_12.png" class="left"/>
									<span class="right">收藏主播</span>
							</div>
							<div class="clearfix isShowSon point">
								<img src="img/little_logo_14.png" class="left"/>
								<span class="right">充值套餐</span>
							</div>
						</div> -->
        </div>
        <div class="contentRight setLover mineset">
          <div class="clearfix setTop">
            <div class="left clearfix setTopTab">
              <div class="left active point" data-type="1">额度充值</div>
              <div class="right point" data-type="2">签约套餐</div>
            </div>
            <div class="setTopTip left">
              享受固定主播
            </div>
            <!-- <div class="right defaultSet point">默认设置</div> -->
            <a href="http://www.soundems.com/price.html" style="display:block;text-align: center;color:#a3a3a3;font-size:14px;float:right;margin-top: 5px;" target="_blank">高级版／企业版 > 点击购买</a>
          </div>
          <div class="setContent" data-type="1">
            <ul class="recharge-list">
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="500">
                  <div>
                    <span class="text">￥500</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="1000">
                  <div>
                    <span class="text">￥1000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="2000">
                  <div>
                    <span class="text">￥2000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="3000">
                  <div>
                    <span class="text">￥3000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="5000">
                  <div>
                    <span class="text">￥5000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="8000">
                  <div>
                    <span class="text">￥8000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="10000">
                  <div>
                    <span class="text">￥10000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="20000">
                  <div>
                    <span class="text">￥20000</span>
                  </div>
                </label>
              </li>
              <li>
                <label>
                  <input type="radio" name="recharge-value" value="0" class="input" id="input-value-radio">
                  <div>
                    <span class="text">其他金额</span>
                    <input type="text" placeholder="输入金额" id="input-value">
                  </div>
                </label>
                <!-- <input type="text" value="20000"> -->
              </li>
            </ul>
            <div class="equation not-visible">
              <table>
                <!-- <tr>
                  <th>充值</th>
                  <th></th>
                  <th>赠送</th>
                  <th></th>
                  <th>入账</th>
                </tr> -->
                <tr>
                  <td>
                    <!-- <div class="cost">20000</div> -->
                  </td>
                  <!-- <td>+</td> -->
                  <td>
                    <!-- <div class="gift">8000</div> -->
                  </td>
                  <!-- <td>=</td> -->
                  <td>
                    <div class="final">28000</div>
                  </td>
                </tr>
              </table>
              <div class="equation-info">金额将直接入账至您的账号，直接下单即可使用，主播级别可任选</div>
            </div>
            <div class="recharge-confirm">
              <a href="#" class="btn btn-confirm" id='recharge-confirm-btn'>立即充值</a>
            </div>
          </div>
          <div class="setContent achor hide" data-type="2">
            <ul class='achor-type-nav'>
              <li class="active" data-type="1">
                <img src="./img/star-blue.png" class="star">
                <div class="title">优质主播
                  <span class="tip">绝对有竞争力的价格</span>
                </div>
                <div class="info">声音出众优秀的配音专业人士</div>
              </li>
              <li  data-type="2">
                <img src="./img/star-blue.png" class="star">
                <div class="title">知名主播
                  <span class="tip">知道客户的选择</span>
                </div>
                <div class="info">有知名客户选择服务的配音员</div>
              </li>
              <li data-type="3">
                  <img src="./img/star-blue.png" class="star">
                <div class="title">顶级主播
                </div>
                <div class="info">一线实例的配音大咖及播音人</div>
              </li>
            </ul>
            <div class="achor-table">
              <table border="0" cellspacing='0'>
                <tr>
                  <th>
                    <div>配音字数套餐</div>
                  </th>
                  <th>
                    <div>成品音频 / 可配</div>
                  </th>
                  <th>
                    <div>总价</div>
                  </th>
                  <th>
                    <div>单价</div>
                  </th>
                  <th>
                    <div>选择</div>
                  </th>
                </tr>
                <tr>
                  <td>1万字</td>
                  <td>约0.7小时</td>
                  <td class="price-td">
                    <span class="spend">200 元</span>
                    <span class="real"><del>400 元</del></span>
                  </td>
                  <td class="unit-td">￥ 2.0 元 / 百字</td>
                  <td>
                    <label>
                      <input type="radio" name="achor-select" checked>
                      <div class="radio"></div>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td>5万字</td>
                  <td>约3.5小时</td>
                  <td class="price-td">
                    <span class="spend">1100 元</span>
                    <span class="real"><del>2000 元</del></span>
                  </td>
                  <td class="unit-td">￥ 2.2 元 / 百字</td>
                  <td>
                    <label>
                      <input type="radio" name="achor-select">
                      <div class="radio"></div>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td>10万字</td>
                  <td>约7.0小时</td>
                  <td class="price-td">
                    <span class="spend">2000 元</span>
                    <span class="real"><del>10000 元</del></span>
                  </td>
                  <td class="unit-td">￥ 2.0 元 / 百字</td>
                  <td>
                    <label>
                      <input type="radio" name="achor-select">
                      <div class="radio"></div>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td>50万字</td>
                  <td>约 35小时</td>
                  <td class="price-td">
                    <span class="spend">9300 元</span>
                    <span class="real"><del>20000 元</del></span>
                  </td>
                  <td class="unit-td">￥ 1.9 元 / 百字</td>
                  <td>
                    <label>
                      <input type="radio" name="achor-select">
                      <div class="radio"></div>
                    </label>
                  </td>
                </tr>
              </table>
              <div class="achor-info">签约专职主播为你进行签约服务，适用于有高度声音品牌要求的客户进行长期服务</div>
            </div>
            <div class="recharge-confirm">
                <a href="#" class="btn btn-confirm" id='achor-confirm-btn'>联系洽购</a>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="myMask none">
    <div class="myContent speakerLove none">
      <div class="maskTop clearfix">
        <div class="maskTitle left">主播擅长领域</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="pointInfo">
        选择擅长领域的主播可以更好的理解和表达你配音的内容
      </div>
      <div class="maskChoose">
        <ul class="maskChooseLists clearfix">
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskChoose.png" alt="" />
            <b>科技</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskChoose.png" alt="" />
            <b>职场</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskChoose.png" alt="" />
            <b>汽车</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskChoose.png" alt="" />
            <b>军事</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>财经</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>亲子</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>健康</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>娱乐</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>历史</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskChoose.png" alt="" />
            <b>情感</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>电影</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>教育</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>新闻</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>生活</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>读书</b>
          </li>
          <li class="maskChooseList left fourList">
            <img class="point double" src="img/maskUnchoose.png" alt="" />
            <b>搞笑</b>
          </li>
        </ul>
      </div>
      <div class="maskSave clearfix">
        <div class="saveBtn point right">
          保存
        </div>
      </div>
    </div>
    <div class="myContent speakNeed none">
      <div class="maskTop clearfix">
        <div class="maskTitle left">常用配音需求</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="pointInfo">
        选择你常用的需求可以优化匹配更有经验的配音人员接单
      </div>
      <div class="maskChoose">
        <ul class="maskChooseLists clearfix">
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="0">
              <div class="checkbox-show"></div>
              <b>自媒体</b>
            </label>
            <!-- <img class="point double" src="img/maskChoose.png" alt="" />
							<b>自媒体</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="1">
              <div class="checkbox-show"></div>
              <b>有声书</b>
            </label>
            <!-- <img class="point double" src="img/maskChoose.png" alt="" />
							<b>有声书</b> -->
          </li>
          <li class="maskChooseList left ">
            <label>
              <input type="checkbox" name="setting-need" value="2">
              <div class="checkbox-show"></div>
              <b>诗词歌赋</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>诗词歌赋</b>  -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="3">
              <div class="checkbox-show"></div>
              <b>外语翻译</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>外语翻译</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="4">
              <div class="checkbox-show"></div>
              <b>广播剧</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>广播剧</b> -->
          </li>
          <li class="maskChooseList left ">
            <label>
              <input type="checkbox" name="setting-need" value="5">
              <div class="checkbox-show"></div>
              <b>政务配音</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>政务配音</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="6">
              <div class="checkbox-show"></div>
              <b>内容付费</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>内容付费</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="7">
              <div class="checkbox-show"></div>
              <b>短视频</b>
            </label>
            <!-- <img class="point double" src="img/maskChoose.png" alt="" />
							<b>短视频</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="8">
              <div class="checkbox-show"></div>
              <b>产品配音</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>产品配音</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="9">
              <div class="checkbox-show"></div>
              <b>课件教程</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>课件教程</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="10">
              <div class="checkbox-show"></div>
              <b>影视配音</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>影视配音</b> -->
          </li>
          <li class="maskChooseList left">
            <label>
              <input type="checkbox" name="setting-need" value="11">
              <div class="checkbox-show"></div>
              <b>广告配音</b>
            </label>
            <!-- <img class="point double" src="img/maskUnchoose.png" alt="" />
							<b>广告配音</b> -->
          </li>
        </ul>
      </div>
      <div class="maskSave clearfix">
        <div class="saveBtn point right">
          保存
        </div>
      </div>
    </div>
    <div class="myContent speakSpeed none">
      <div class="maskTop clearfix">
        <div class="maskTitle left">默认的播音语速</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="maskChoose">
        <ul class="maskChooseLists clearfix">
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-speed" value="0">
              <div class="checkbox-show"></div>
              <b>正常语速</b>
              <span></span>
            </label>
            <!-- <img class="point single" src="img/maskChoose.png" alt="" />
							<b>正常语速</b>
							<span></span> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-speed" value="1">
              <div class="checkbox-show"></div>
              <b>较快语速</b>
              <span>(基于主播正常语速的1.2x-1.5x倍)</span>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" />
							<b>较快语速</b>
							<span>(基于主播正常语速的1.2x-1.5x倍)</span> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-speed" value="2">
              <div class="checkbox-show"></div>
              <b>缓慢语速</b>
              <span>(基于主播正常语速的0.5x-0.8x倍)</span>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" />
							<b>缓慢语速</b>
							<span>(基于主播正常语速的0.5x-0.8x倍)</span> -->
          </li>
        </ul>
      </div>
      <div class="maskSave clearfix">
        <div class="saveBtn point right">
          保存
        </div>
      </div>
    </div>
    <div class="myContent sex none">
      <div class="maskTop clearfix">
        <div class="maskTitle left">默认可接单的主播性别</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="maskChoose">
        <ul class="maskChooseLists clearfix">
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-gender" value="0">
              <div class="checkbox-show"></div>
              <b>男/女均可</b>
            </label>
            <!-- <img class="point single" src="img/maskChoose.png" alt="" />
							<b>男/女均可</b> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-gender" value="1">
              <div class="checkbox-show"></div>
              <b>男主播</b>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" /> -->
            <!-- <b>男主播</b> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-gender" value="2">
              <div class="checkbox-show"></div>
              <b>女主播</b>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" /> -->
            <!-- <b>女主播</b> -->
          </li>
        </ul>
      </div>
      <div class="maskSave clearfix">
        <div class="saveBtn point right">
          保存
        </div>
      </div>
    </div>
    <div class="myContent speakType none">
      <div class="maskTop clearfix">
        <div class="maskTitle left">默认配音方式</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="pointInfo">
        选择发单时候默认选择的配音播报方式，也可以随订单切换
      </div>
      <div class="maskChoose">
        <ul class="maskChooseLists clearfix">
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-type" value="0">
              <div class="checkbox-show"></div>
              <b>标准讲述</b>
              <span>(自然且具有亲和力的平铺直述)</span>
            </label>
            <!-- <img class="point single" src="img/maskChoose.png" alt="" />
							<b>标准讲述</b>
							<span>(自然且具有亲和力的平铺直述)</span> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-type" value="1">
              <div class="checkbox-show"></div>
              <b>情感朗诵</b>
              <span>(适合感情饱满的，舒缓的内容)</span>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" />
							<b>情感朗诵</b>
							<span>(适合感情饱满的，舒缓的内容)</span> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-type" value="2">
              <div class="checkbox-show"></div>
              <b>娱乐综艺</b>
              <span>(语言轻快活泼无压力的综艺范播报)</span>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" />
							<b>娱乐综艺</b>
							<span>(语言轻快活泼无压力的综艺范播报)</span> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-type" value="3">
              <div class="checkbox-show"></div>
              <b>新闻播报</b>
              <span>(严肃精准高效的客观内容陈述播报)</span>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" />
							<b>新闻播报</b>
							<span>(严肃精准高效的客观内容陈述播报)</span> -->
          </li>
          <li class="maskChooseList maskMargin">
            <label>
              <input type="radio" name="setting-type" value="4">
              <div class="checkbox-show"></div>
              <b>英文播报</b>
              <span>(标准流利的口语化英文播报)</span>
            </label>
            <!-- <img class="point single" src="img/maskUnchoose.png" alt="" />
							<b>新闻播报</b>
							<span>(严肃精准高效的客观内容陈述播报)</span> -->
          </li>
        </ul>
      </div>
      <div class="maskSave clearfix">
        <div class="saveBtn point right">
          保存
        </div>
      </div>
    </div>
    <div class="myContent none fileHeader">
      <div class="fileHeaderTop clearfix">
        <div class="left point active">片头</div>
        <div class="left point">片尾</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="fileHeaderMiddle">
        <span>填入你需要的片头文案 主播每次播报内容均需要优先播报:</span>
        <textarea name="" rows="" cols="" placeholder="例：这里是36氪每天早上的八点一氪栏目,每天不错过最重要的科技新鲜内容,欢迎您收听本期音频。（没有请留空）"></textarea>
      </div>
      <div class="fileHeaderBottom clearfix">
        <div class="left">
          <span class="textareaLength">
            0
          </span>
          <span>/100</span>
        </div>
        <div class="saveBtn point right">
          <div>保存</div>
        </div>
      </div>
    </div>
    <div class="myContent none music">
      <div class="musicTop clearfix">
        <div class="left point active">上传</div>
        <div class="left point">音乐库</div>
        <div class="point maskcancle right">X</div>
      </div>
      <div class="musicMiddle">
        <div class="giveMusic">
          <div class="giveMusicSon">
            <img src="img/giveMusic.png" alt="" class="left" />
            <span class="left">自定义背景音乐</span>
          </div>
          <span class="right point">点击上传</span>
        </div>
        <h3>配音人员将使用您提供的音乐进行后期 请提供mp3格式 大小不超过30M</h3>
      </div>
      <div class="musicBottom clearfix">
        <div class="saveBtn point right">
          <div>保存</div>
        </div>
      </div>
    </div>
  </div>
  <!--遮罩-->
  <div class="mask_wrap hide">
    <div class="mask_cout">
      <div class="mask_w hide">
        <div class="mask_w_head clearfix">
          <a href="javascript:;" class='mask_t_l mask_bor fl'>网址获取</a>
          <a href="javascript:;" class='mask_t_r fl'>上传文档</a>
          <div class="mask_c_close fr cursor"></div>
        </div>
        <div class="mask_line"></div>
        <input type='text' class="mask_midle_inp" placeholder="请ctrl+v粘贴网址自动获取原文本极速发单">
        <div class="mask_word">支持微信公众号、石墨、简书，输入文章网址自动去生图生成配音稿</div>
        <div class="mask_c_btn cursor">点击获取</div>
      </div>
      <div class="mask_up hide">
        <div class="mask_w_head clearfix">
          <a href="javascript:;" class='mask_t_l fl'>网址获取</a>
          <a href="javascript:;" class='mask_t_r mask_bor fl'>上传文档</a>
          <div class="mask_c_close fr cursor"></div>
        </div>
        <div class="mask_line"></div>
        <div class="mask_midle col_bgf5">
          <input id='upload-word' type="file" accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document">
          <span class="mask_m_up fl"></span>
          <span class="fl mask_upload_text">选择您要配音的文本文件</span>
          <span class="fr cursor" id='mask_up_file'>点击上传</span>
        </div>
        <div class="mask_word">目前仅支持WORD文档docx格式 上传后获取文本内容 不支持文档有表格等样式</div>
        <div class="mask_c_btn cursor">点击获取</div>
      </div>
    </div>
  </div>
  <!-- 切换主体弹窗 -->
  <div class="popup popup-change-press large hide" id="popup-change-press">
    <div class="inner">
      <div class="header">
        <span class="title">选择发稿主体</span>
        <a href="#" class="close">
          <img src="img/public/close_03.png" alt="">
        </a>
      </div>
      <div class="body">
        <ul class="press-list">
          <li class="press-wrapper" data-id="dsfdafs">
            <div class="press-head">
              <img src="img/img(12).png" alt="">
            </div>
            <div class="press-body">
              <div class="press-title">创业家</div>
              <div class="press-info">创业家创业家创业家创业家创业家创业家</div>
            </div>
          </li>
          <li class="press-wrapper" data-id="dafadf">
            <div class="press-head">
              <img src="img/img(12).png" alt="">
            </div>
            <div class="press-body">
              <div class="press-title">创业家</div>
              <div class="press-info">创业家创业家创业家创业家创业家创业家</div>
            </div>
          </li>
          <li class="press-wrapper" data-id="dafdfsf">
            <div class="press-head">
              <img src="img/img(12).png" alt="">
            </div>
            <div class="press-body">
              <div class="press-title">创业家</div>
              <div class="press-info">创业家创业家创业家创业家创业家创业家</div>
            </div>
          </li>
        </ul>
      </div>
      <div class="content">
        <a href="setting.html?type=1">点击这里</a>添加 / 编辑主体; 也可以为主体
        <a href="index.html?type=2">设置偏好</a>方便更快发单
      </div>
      <div class="popup-footer type2">
        <span class="tip"></span>
        <a href="#" class="btn btn-confirm">确认</a>
      </div>
    </div>
  </div>
  <!--支付弹框-->
  <div class='mask_speed hide' id="charge-popup">
    <div class='mask_speed_cont absolute'>
      <div class='mask_cont_head px17 relative center line48'>
        <span>余额充值</span>
        <div class='absolute mask_close close'></div>
      </div>
      <div class='mask_center center line31 clearfix'>
        <span class='order_head mask_older_deep px12 left col585858'>确认充值</span>
        <span class='mask_title_deep left'></span>
        <span class='order_head px12 left colacacac'>付款</span>
        <span class='mask_title_deep left'></span>
        <span class='order_head px12 left colacacac'>填写发票信息</span>
      </div>
      <div class='mask_footer'>
        <!--支付第一步-->
        <div class='mask_pay_one'>
          <!-- <div class='mask_footer_t colbababa px12 line35'>订单类型</div>
            <div class='clearfix'>
              <div class='mask_footer_type left mar10 mask_bor_bg'>
                <p class='px14 line18 '>普通用户</p>
                <p class='px12 '>实时优选主播</p>
              </div>
              <div class='mask_footer_type left'>
                <p class='px14 line18'>高级用户</p>
                <p class='px12'>指定主播服务</p>
              </div>
            </div> -->
          <!-- <div class='px12 colbababa line31'>接收音频邮箱</div>
            <div class='mask_footer_e relative px12 line33'>
              <input type="text" id="mask_email" class="hide">
              <span>1466389822@qq.com</span>
              <a href='javascript:;'class='modify col73a4ea px12  line33 right'>修改</a>
            </div> -->
          <div class='px12 colbababa line31'>支付方式</div>
          <div class='clearfix'>
            <div class='mask_footer_pay left mar10 mask_bor_bg' data-type='0'>
              <img src='img/public/pay_14.png' class='left'>
              <span class='payfor px12 colbababa line36'>支付宝</span>
            </div>
            <div class='mask_footer_pay left' data-type="1">
              <img src='img/unionpay.png' class='left'>
              <span class='payfor px12 colbababa line36'>对公转账</span>
            </div>
          </div>
          <div class='line62 clearfix'>
            <div class='left'>
              <!-- <span class='px12 colbababa left'>总计：</span> -->
              <span class='px12 colbababa left'>
                <input type="checkbox" id="recharge-agree" class="checkbox-simulator" checked>
              </span>
              <label class='left px12' for="recharge-agree">我已阅读并同意签署</label>
              <a href="#" class='left px12 charge-rule' target="_blank">《服务协议》</a>
            </div>
            <div class='right clearfix'>
              <span class='px12 colbababa left'>总计：
                <strong class='colff2610' id="charge-count">￥0</strong>
              </span>
            </div>
          </div>
          <!-- <div class='line62 clearfix'>
              <div class='left'>
                <span class='px12 colbababa left'>总计：</span>
                <strong class='left px12' id="mask_money_count">￥145.00</strong>
              </div>
              <div class='right clearfix'>
                <span class='px12 colbababa left'>充值套餐本单可节省<strong class='colff2610' id="mask_discount"> 35.00 </strong>元</span>
                <span class='mask_pay_deep left'></span>
              </div>
            </div> -->
          <div class='mask_btn px12'>下一步</div>
        </div>
        <div class='hide mask_pay_two'>
          <div class='mask_pay_list clearfix center'>
            <img src='img/public/pay_14.png' class='left' />
            <span class='px12 colacacac left line31'>请用支付宝扫码完成支付</span>
            <!-- <span class='px12 colacacac line31 left'>请用微信扫码完成支付</span> -->
          </div>
          <div id='paycode'>
            <!-- <img src='img/public/code.png' class='left'/> -->
            <img src=''
              class='left' />
          </div>
          <div class='center px12 line18'>扫码支付后，如果没有自动跳转</div>
          <div class='px12 col8ab2ed center line18 curso'>请点这里</div>
        </div>
        <div class='hide mask_pay_three'>
          <div class='mask_finish'>
            <img src='img/public/finish.png' class='center' />
            <p class='center px14 colacacac line18'>充值成功</p>
          </div>
          <div class='mask_three_footer'>
            <div class='center px12 colacacac line44'>您的充值已直接进入账户，支付时将可直接使用</div>
            <div class='clearfix'>
              <a class='three_know left close' href="#">知道了</a>
              <a href='#' class="invoice">
                <p class='three_order left'>填写开票信息</p>
              </a>
            </div>
          </div>
        </div>
        <div class="mask_pay_four">
          <div class="table-wrapper">
            <table>
              <tr>
                <td>转账余额</td>
                <td class="cost">8000元</td>
              </tr>
              <tr>
                <td>收款公司名</td>
                <td>北京微量分贝科技有限公司</td>
              </tr>
              <tr>
                <td>收款账户</td>
                <td>1105 0161 3600 0000 1229</td>
              </tr>
              <tr>
                <td>开户行</td>
                <td>中国建设银行北京西四支行</td>
              </tr>
              <tr>
                <td>开户地</td>
                <td>北京</td>
              </tr>
            </table>
          </div>
          <div class="table-wrapper">
            <table>
              <tr>
                <td>有效时间</td>
                <td class="order-no">24个月</td>
              </tr>
              <tr>
                <td>订单详情</td>
                <td>账户余额充值</td>
              </tr>
            </table>
          </div>
          <div class="tip-wrapper">
            请于
            <strong>10日</strong>内完成转账，我们会尽快确认到账并开通服务，如您有任何疑问，请立即联系我们的客户服务顾问帮您解决。
            <span>客服微信: soundemsvip</span>
          </div>
          <div class='clearfix'>
            <a class='three_know left' href="index.html">知道了</a>
            <a href='#'>
              <p class='three_order left changeCharge'>更改支付方式</p>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 分享音频等弹窗 -->
  <div class="popup2 popup-programs hide">
    <div class="cover close"></div>
    <div class="inner">
      <div class="header">
        <div class="nav">
          <div class="active qr" data-type='1'>分享音频</div>
          <div class="listen" data-type='2'>付费收听</div>
          <div class="wx" data-type='3'>小程序</div>
        </div>
        <div class="close">
          <img src="./img/public/close_03.png" alt="">
        </div>
      </div>
      <div class="body">
        <div class="program hide listen" data-type="2">
          <img src="./img/lock.png" alt="">
          <div class="title">即将上线，尽情期待</div>
          <div class="tip">允许你创建专栏对音频进行付费收听 所有费用的90%归你</div>
        </div>
        <div class="program wx hide" data-type="3">
          <img src="./img/wx-program.png" alt="">
          <div class="title">即将上线，尽情期待</div>
          <div class="tip">允许你创建基于微信的FM音频小程序，推荐公众号使用。</div>
        </div>
        <div class="program qr" data-type="1">
          <img src="./img/wx-program.png" alt="">
          <div class="title">用微信"扫一扫"二维码</div>
          <div class="tip">分享您的音频给微信好友或朋友圈供他们收听</div>
        </div>
      </div>
    </div>
  </div>
  <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js?v=optimize20180613" /></script>
  <script src="js/jquery.min.js?v=optimize20180613" /></script>
  <script src="js/public.js?v=optimize20180613" /></script>
  <!-- <script src="js/index.js?v=optimize20180613" /></script> -->
  <script src="js/recharge.js?v=optimize20180613" /></script>
</body>

</html>